<div class="clear">
  <div class="left-box ovf fl">
    <div class="clear fl" style="margin-bottom: 20px;">
      <span class="fl"><h1 class="ph"><%= category.title %><small><%= category.metadata && category.metadata['副标题'] %></small></h1></span>
      <% pages = category.pages.order(:position) %>
      <ul class="pt fl clear">
        <% pages.each_with_index do |page, index| %>
          <li class="<%= index % 2 == 0 ? 'bg1' : 'bg2' %>"><a href="<%= page.url %>" target="_blank"><div class="fl" style="background:url(<%= page.avatar.url(:medium) %>) no-repeat center; background-size:contain; width:174px; height:90px;"></div> <input class="more" type="button"></a></li>
        <% end %>
      </ul>
    </div>
  </div>

  <div class="fr-box ovf fr">
    <div class="img-box clear" style="margin-top: 45px;">
      <a href="https://www.taobao.com/" target="_blank"><div style="display:inline-block;width: 140px; height: 70px; background: url(/images/taobao.jpg) center no-repeat; background-size: 140px;"></div></a>
      <a href="https://www.jd.com/" target="_blank"><div style="display:inline-block;width: 140px; height: 70px; background: url(/images/jingdong.jpg) center no-repeat; background-size: 100px;"></div></a>
      <a href="https://www.yhd.com/" target="_blank"><div style="display:inline-block;width: 140px; height: 70px; background: url(/images/yihaodian.jpg) center no-repeat; background-size: 80px;"></div></a>
      <a href="https://www.bestpay.com.cn/" target="_blank"><div style="display:inline-block;width: 140px; height: 70px; background: url(/images/yizhifu.jpg) center no-repeat; background-size: 120px;"></div></a>
    </div>
  </div>
</div>
